<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<head>
	<meta charset="utf-8" />
	<title>Color Admin | Gallery</title>
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
	<meta content="" name="description" />
	<meta content="" name="author" />
	
	<!-- ================== BEGIN BASE CSS STYLE ================== -->
	<link href="assets/public/plugins/jquery-ui/themes/base/minified/jquery-ui.min.css" rel="stylesheet" />
	<link href="assets/public/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
	<link href="assets/public/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
	<link href="assets/public/css/animate.min.css" rel="stylesheet" />
	<link href="assets/public/css/style.min.css" rel="stylesheet" />
	<link href="assets/public/css/style-responsive.min.css" rel="stylesheet" />
	<link href="assets/public/css/theme/default.css" rel="stylesheet" id="theme" />
	<!-- ================== END BASE CSS STYLE ================== -->
	
	<!-- ================== BEGIN PAGE LEVEL STYLE ================== -->
  	<link href="assets/public/plugins/isotope/isotope.css" rel="stylesheet" />
  	<link href="assets/public/plugins/lightbox/css/lightbox.css" rel="stylesheet" />
	<!-- ================== END PAGE LEVEL STYLE ================== -->
</head>
<body>
	<!-- begin #page-container -->
	<div id="page-container" class="fade page-sidebar-fixed page-header-fixed">
		<!-- begin #content -->
		<div id="content" class="content">
			<!-- begin breadcrumb -->
			<ol class="breadcrumb pull-right">
				<li><a href="javascript:;">Home</a></li>
				<li class="active">Gallery</li>
			</ol>
			<!-- end breadcrumb -->
			<!-- begin page-header -->
			<h1 class="page-header">Gallery <small>header small text goes here...</small></h1>
			<!-- end page-header -->
			
            <div id="options" class="m-b-10">
                <span class="gallery-option-set" id="filter" data-option-key="filter">
                    <a href="#show-all" class="btn btn-default btn-xs active" data-option-value="*">
                        Show All
                    </a>
                    <a href="#gallery-group-1" class="btn btn-default btn-xs" data-option-value=".gallery-group-1">
                        Gallery Group 1
                    </a>
                    <a href="#gallery-group-2" class="btn btn-default btn-xs" data-option-value=".gallery-group-2">
                        Gallery Group 2
                    </a>
                    <a href="#gallery-group-3" class="btn btn-default btn-xs" data-option-value=".gallery-group-3">
                        Gallery Group 3
                    </a>
                    <a href="#gallery-group-4" class="btn btn-default btn-xs" data-option-value=".gallery-group-4">
                        Gallery Group 4
                    </a>
                </span>
            </div>
            <div id="gallery" class="gallery">
                <div class="image gallery-group-1">
                    <div class="image-inner">
                        <a href="assets/public/img/gallery/gallery-1.jpg" data-lightbox="gallery-group-1">
                            <img src="assets/public/img/gallery/gallery-1.jpg" alt="" />
                        </a>
                        <p class="image-caption">
                            #1382 - 3D Arch
                        </p>
                    </div>
                    <div class="image-info">
                        <h5 class="title">Lorem ipsum dolor sit amet</h5>
                        <div class="pull-right">
                            <small>by</small> <a href="javascript:;">Sean Ngu</a>
                        </div>
                        <div class="rating">
                            <span class="star active"></span>
                            <span class="star active"></span>
                            <span class="star active"></span>
                            <span class="star"></span>
                            <span class="star"></span>
                        </div>
                        <div class="desc">
                            Nunc velit urna, aliquam at interdum sit amet, lacinia sit amet ligula. Quisque et erat eros. Aenean auctor metus in tortor placerat, non luctus justo blandit.
                        </div>
                    </div>
                </div>
                <div class="image gallery-group-1">
                    <div class="image-inner">
                        <a href="assets/public/img/gallery/gallery-2.jpg" data-lightbox="gallery-group-1">
                            <img src="assets/public/img/gallery/gallery-2.jpg" alt="" />
                        </a>
                        <p class="image-caption">
                            #2343 - Madness Arch
                        </p>
                    </div>
                    <div class="image-info">
                        <h5 class="title">Fusce aliquet ac quam at tincidunt</h5>
                        <div class="pull-right">
                            <small>by</small> <a href="javascript:;">Camryn Wong</a>
                        </div>
                        <div class="rating">
                            <span class="star active"></span>
                            <span class="star active"></span>
                            <span class="star"></span>
                            <span class="star"></span>
                            <span class="star"></span>
                        </div>
                        <div class="desc">
                            Fusce eu rutrum nisi, ut pretium mi. Sed mollis nisi sed auctor molestie. Vestibulum dictum pharetra leo sed euismod.
                        </div>
                    </div>
                </div>
                <div class="image gallery-group-1">
                    <div class="image-inner">
                        <a href="assets/public/img/gallery/gallery-3.jpg" data-lightbox="gallery-group-1">
                            <img src="assets/public/img/gallery/gallery-3.jpg" alt="" />
                        </a>
                        <p class="image-caption">
                            #3452 - Scottwills Arch
                        </p>
                    </div>
                    <div class="image-info">
                        <h5 class="title">Etiam lobortis egestas nisl</h5>
                        <div class="pull-right">
                            <small>by</small> <a href="javascript:;">Lelouch Wong</a>
                        </div>
                        <div class="rating">
                            <span class="star active"></span>
                            <span class="star active"></span>
                            <span class="star active"></span>
                            <span class="star active"></span>
                            <span class="star active"></span>
                        </div>
                        <div class="desc">
                            Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus eget ultricies arcu.
                        </div>
                    </div>
                </div>
                <div class="image gallery-group-2">
                    <div class="image-inner">
                        <a href="assets/public/img/gallery/gallery-4.jpg" data-lightbox="gallery-group-2">
                            <img src="assets/public/img/gallery/gallery-4.jpg" alt="" />
                        </a>
                        <p class="image-caption">
                            #4123 - Scottwills Pinecone
                        </p>
                    </div>
                    <div class="image-info">
                        <h5 class="title">Donec mi quis volutpat ornare</h5>
                        <div class="pull-right">
                            <small>by</small> <a href="javascript:;">Richard Leong</a>
                        </div>
                        <div class="rating">
                            <span class="star"></span>
                            <span class="star"></span>
                            <span class="star"></span>
                            <span class="star"></span>
                            <span class="star"></span>
                        </div>
                        <div class="desc">
                            Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut et augue luctus libero dignissim sodales, sapien consequat lacinia fringilla.
                        </div>
                    </div>
                </div>
                <div class="image gallery-group-2">
                    <div class="image-inner">
                        <a href="assets/public/img/gallery/gallery-5.jpg" data-lightbox="gallery-group-2">
                            <img src="assets/public/img/gallery/gallery-5.jpg" alt="" />
                        </a>
                        <p class="image-caption">
                            #9200 Kariminal Rider
                        </p>
                    </div>
                    <div class="image-info">
                        <h5 class="title">Donec pretium volutpat ornare</h5>
                        <div class="pull-right">
                            <small>by</small> <a href="javascript:;">Derrick Wong</a>
                        </div>
                        <div class="rating">
                            <span class="star active"></span>
                            <span class="star active"></span>
                            <span class="star active"></span>
                            <span class="star active"></span>
                            <span class="star"></span>
                        </div>
                        <div class="desc">
                            Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut et augue luctus libero, feugiat sapien consequat lacinia fringilla.
                        </div>
                    </div>
                </div>
                <div class="image gallery-group-3">
                    <div class="image-inner">
                        <a href="assets/public/img/gallery/gallery-6.jpg" data-lightbox="gallery-group-3">
                            <img src="assets/public/img/gallery/gallery-6.jpg" alt="" />
                        </a>
                        <p class="image-caption">
                            #1832 Scottwills Autumn
                        </p>
                    </div>
                    <div class="image-info">
                        <h5 class="title">Mi quis volutpat ornare sodales</h5>
                        <div class="pull-right">
                            <small>by</small> <a href="javascript:;">Apple Tong</a>
                        </div>
                        <div class="rating">
                            <span class="star active"></span>
                            <span class="star active"></span>
                            <span class="star"></span>
                            <span class="star"></span>
                            <span class="star"></span>
                        </div>
                        <div class="desc">
                            Ut et augue luctus libero dignissim sodales. Fusce feugiat sapien consequat lacinia fringilla. Vivamus eget ultricies arcu.
                        </div>
                    </div>
                </div>
                <div class="image gallery-group-3">
                    <div class="image-inner">
                        <a href="assets/public/img/gallery/gallery-7.jpg" data-lightbox="gallery-group-3">
                            <img src="assets/public/img/gallery/gallery-7.jpg" alt="" />
                        </a>
                        <p class="image-caption">
                            #0229 Scottwills Autumn 2
                        </p>
                    </div>
                    <div class="image-info">
                        <h5 class="title">Vestibulum ante ipsum primis</h5>
                        <div class="pull-right">
                            <small>by</small> <a href="javascript:;">Thomas Wong</a>
                        </div>
                        <div class="rating">
                            <span class="star active"></span>
                            <span class="star active"></span>
                            <span class="star active"></span>
                            <span class="star"></span>
                            <span class="star"></span>
                        </div>
                        <div class="desc">
                            Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut et augue luctus libero dignissim sodales, sapien consequat lacinia fringilla.
                        </div>
                    </div>
                </div>
                <div class="image gallery-group-4">
                    <div class="image-inner">
                        <a href="assets/public/img/gallery/gallery-8.jpg" data-lightbox="gallery-group-4">
                            <img src="assets/public/img/gallery/gallery-8.jpg" alt="" />
                        </a>
                        <p class="image-caption">
                            #5721 Scottwills Snow
                        </p>
                    </div>
                    <div class="image-info">
                        <h5 class="title">Nunc eget hendrerit nisi sodales</h5>
                        <div class="pull-right">
                            <small>by</small> <a href="javascript:;">Andy Wong</a>
                        </div>
                        <div class="rating">
                            <span class="star active"></span>
                            <span class="star active"></span>
                            <span class="star active"></span>
                            <span class="star active"></span>
                            <span class="star active"></span>
                        </div>
                        <div class="desc">
                            Ut et augue nisi sodales luctus libero dignissim sodales. Fusce feugiat nisi sodales sapien consequat lacinia fringilla.
                        </div>
                    </div>
                </div>
                <div class="image gallery-group-4">
                    <div class="image-inner">
                        <a href="assets/public/img/gallery/gallery-9.jpg" data-lightbox="gallery-group-4">
                            <img src="assets/public/img/gallery/gallery-9.jpg" alt="" />
                        </a>
                        <p class="image-caption">
                            #9921 Scottwills Riverbank
                        </p>
                    </div>
                    <div class="image-info">
                        <h5 class="title">Nunc eget hendrerit nisi dignissim</h5>
                        <div class="pull-right">
                            <small>by</small> <a href="javascript:;">William Tan</a>
                        </div>
                        <div class="rating">
                            <span class="star"></span>
                            <span class="star"></span>
                            <span class="star"></span>
                            <span class="star"></span>
                            <span class="star"></span>
                        </div>
                        <div class="desc">
                            Ut et augue luctus libero dignissim sodales. Fusce feugiat sapien consequat libero dignissim lacinia fringilla.
                        </div>
                    </div>
                </div>
                <div class="image gallery-group-4">
                    <div class="image-inner">
                        <a href="assets/public/img/gallery/gallery-10.jpg" data-lightbox="gallery-group-4">
                            <img src="assets/public/img/gallery/gallery-10.jpg" alt="" />
                        </a>
                        <p class="image-caption">
                            #6436 Scottwills Buss
                        </p>
                    </div>
                    <div class="image-info">
                        <h5 class="title">Sed mollis nisi sed auctor</h5>
                        <div class="pull-right">
                            <small>by</small> <a href="javascript:;">David King</a>
                        </div>
                        <div class="rating">
                            <span class="star active"></span>
                            <span class="star active"></span>
                            <span class="star"></span>
                            <span class="star"></span>
                            <span class="star"></span>
                        </div>
                        <div class="desc">
                            Vestibulum dictum pharetra leo sed euismod. Lorem ipsum dolor sit amet, consectetur adipiscing feugiat sapien elit.
                        </div>
                    </div>
                </div>
            </div>
		</div>
		<!-- end #content -->
		<!-- begin scroll to top btn -->
		<a href="javascript:;" class="btn btn-icon btn-circle btn-success btn-scroll-to-top fade" data-click="scroll-top"><i class="fa fa-angle-up"></i></a>
		<!-- end scroll to top btn -->
	</div>
	<!-- end page container -->
	
	<!-- ================== BEGIN BASE JS ================== -->
	<script src="assets/public/plugins/jquery/jquery-1.9.1.min.js"></script>
	<script src="assets/public/plugins/jquery/jquery-migrate-1.1.0.min.js"></script>
	<script src="assets/public/plugins/jquery-ui/ui/minified/jquery-ui.min.js"></script>
	<script src="assets/public/plugins/bootstrap/js/bootstrap.min.js"></script>
	<!--[if lt IE 9]>
		<script src="assets/public/crossbrowserjs/html5shiv.js"></script>
		<script src="assets/public/crossbrowserjs/respond.min.js"></script>
		<script src="assets/public/crossbrowserjs/excanvas.min.js"></script>
	<![endif]-->
	<script src="assets/public/plugins/slimscroll/jquery.slimscroll.min.js"></script>
	<script src="assets/public/plugins/jquery-cookie/jquery.cookie.js"></script>
	<!-- ================== END BASE JS ================== -->
	
	<!-- ================== BEGIN PAGE LEVEL JS ================== -->
	<script src="assets/public/plugins/isotope/jquery.isotope.min.js"></script>
  	<script src="assets/public/plugins/lightbox/js/lightbox-2.6.min.js"></script>
	<script src="assets/public/js/gallery.demo.min.js"></script>
	<script src="assets/public/js/apps.min.js"></script>
	<!-- ================== END PAGE LEVEL JS ================== -->
	
	<script>
		$(document).ready(function() {
			App.init();
			Gallery.init();
		});
	</script>
	 
</body>
</html>
